<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<style>
 *{
        margin:0px;
        padding:0px;
    }
 body{
        background:#efefef;
    }
.page_top{
        
        display:flex;
        margin-top:10px;
        margin-left:10px;
        width:95%
      
        
    }

.pay{
  height:5px;
  padding-top:2px;
  margin-left:10px;
  width:90%;
  font-size:15px;
  font-weight:bold;
  

}
.tab{
  height:5px;
  padding-top:5px;
  width:90%;
  font-size:12px;
  text-align: right;
}
   .zf{
       height:90px;
       display:flex;
       background:#0e932e;
       margin-top:20px;
       margin-left:10px;
       margin-right:10px; 
       padding-top:20px;      
        border-radius:8px;
}
    .sfk{
      
       color:white;
      font-size:8px;
      margin-top:8px; 

}
.qb{
      
       color:white;
      font-size:8px;
      margin-top:6px; 

}
 
.qj{
     font-size:4px;
     color:#999;
    margin-top:4px; 
}
.page_content{
       background:white;
       height:90px;
       margin-top:5px;
       margin-left:10px;
       margin-right:10px; 
       padding-top:10px;    
       padding-left:5px;  
       border-radius:8px;
      
}

.page_content2{
     width:25%;
     text-align: left;
   padding-left:10px;  
   padding-right:10px; 
     
}
.shzf{
      height:10px;
      font-size:3px;
      color:#999;
      width:30%；

}
.pc2{
    display:flex;
    margin-top:20px;
     margin-left:0px;
     margin-right:0px; 
   padding-left:15px;  
   padding-right:15px;  
   width:100%;
    
}
.c1{
     
     padding-top:10px;
     width:50%;
     
     text-align: center;
}
.money{
     padding-top:10px;
     width:50%;
     
     text-align: center;
}
.fyjkm{

 font-size:3px;

}

</style>

<div class ="all">
     <!--头部-->
     <div class="page_top">
      
            <div class="return"><a href ="My.html"><img   src='../img/return.png' /></a> </div>
            <div  class="pay">支付</div>  
            <div  class="tab"><img   src="../img/detail.png" /></div>   
     </div>
  

   <!--内容-->
     <div class="zf">
                 <div class="c1">
                       <img src ="../img/pay.png" width="30">
                       <div   class="sfk" >收付款</div>
                  </div>
                  <div class="money">
                      <img src ="../img/money.png" width="30">
                      <div   class="qb">钱包</div>
                       <div class ="qj">￥96000</div>
                  </div>
                </div>
            
             <div class="page_content">
                    <div class="pc1">
                       <div  class="shzf">生活服务</div>
                    </pc1>
                     <div class="pc2">
                           <div class="page_content2">
                           <img src="../img/ewm.png" />
                           <div class="fyjkm">安康码</div>
                        </div>
            

                        <div class="page_content2">
                           <img src="../img/gy.png" />
                            <div class="fyjkm">腾讯公益</div>
	      </div>
 
                       <div class="page_content2">
                           <img src="../img/yl.png" />
                           <div class="fyjkm">医疗健康</div>
	    </div>   
                      <div class="page_content2">
                           <img src="../img/二维码.png" />
                           <div class="fyjkm">二维码</div>
	    </div>       
                 </div>

                
                        
                     </div>  
                    
                 
             </div>
   </div>




<div class="page_content">
                    <div class="pc1">
                       <div  class="shzf">腾讯服务</div>
                    </pc1>
                     <div class="pc2">
                           <div class="page_content2">
                           <img src="../img/life.png" />
                           <div class="fyjkm">生活缴费</div>
                        </div>
            

                        <div class="page_content2">
                           <img src="../img/city.png" />
                            <div class="fyjkm">城市服务</div>
	      </div>
 
                       <div class="page_content2">
                           <img src="../img/sj.png" />
                           <div class="fyjkm">手机充值</div>
	    </div>
                      <div class="page_content2">
                           <img src="../img/QQ.png" />
                           <div class="fyjkm">Q币充值</div>
	    </div>           
                 </div>

                
                        
                     </div>  
                    
                 
             </div>
   </div>
<div class="page_content">
                    <div class="pc1">
                       <div  class="shzf">交通出行</div>
                    </pc1>
                     <div class="pc2">
                           <div class="page_content2">
                           <img src="../img/hcp1.png" />
                           <div class="fyjkm">火车票机票</div>
                        </div>
            

                        <div class="page_content2">
                           <img src="../img/dd1.png" />
                            <div class="fyjkm">滴滴出行</div>
	      </div>
 
                       <div class="page_content2">
                           <img src="../img/jd.png" />
                           <div class="fyjkm">附近酒店</div>
	    </div>   
                    <div class="page_content2">
                           <img src="../img/二维码.png" />
                           <div class="fyjkm">手机充值</div>
	    </div>        
                 </div>

                
                        
                     </div>  
                    
                 
             </div>
   </div>


</div>